<template>
  <div class="testing-top">
    <span style="color: white">设备检测</span>
    <div class="testing-m">
      <span>开始检测后，记得开启相机和麦克风访问权限哦！</span>
      <ul>
        <li>摄像头</li>
        <li>麦克风</li>
        <li>扬声器</li>
      </ul>
    </div>
  </div>
  <div class="testing-bot">
    <van-button round type="primary" style="margin: 0 auto"
      >开始检测</van-button
    >
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.testing-top {
  font-size: 19px;
  line-height: 40px;
  text-align: center;
  height: 500px;
  background: dodgerblue;
}
.testing-m {
  width: 280px;
  height: 300px;
  margin: 0 auto;
  margin-top: 70px;
  font-size: 19px;
  line-height: 40px;
  text-align: center;
  background: aliceblue;
}
.testing-bot {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: blue;
  text-align: center;
  line-height: 149px;
}
</style>
